<template>
    <div class="hamburger-container" @click="toggleClick">
        <i :class="`iconfont ${$store.getters.sidebarOpened ? 'icon-shousuocaidan' : 'icon-shousuocaidan-copy'} hamburger`"></i>
    </div>
</template>

<script>
import store from '../../store/index'
export default {
    data() {
        return {
            
        };
    },
    mounted() {

    },
    methods: {
        toggleClick(){
            store.commit('app/triggerSidebarOpened')
        }
    },
};
</script>

<style scoped lang='scss'>
.hamburger-container{
    // padding: 0 16px;
    padding: 0 16px;
    line-height: 39px !important;
    .hamburger{
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        font-weight: bold;
        font-size: 20px;
    }
}
</style>
